@import "public";
@charset "UTF-8";
html body{background:#fafafa;}

/***********************************************************************/
.blank {
                height: 50px;
                font: 32px/50px "";
                text-align: center;
                border: 1px solid black;
                border-top: none;
                display: none;
            }
.order_header {
    height: 80px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    .hd_main {
                width: 1000px;margin: 0 auto;height:65px;
            }
    .hd_l {
        width:216px;height:62px;float: left;padding-top: 20px
            }
    .logo{
       float: left;
    width: 140px;
    height: 42px;
        a{
          display: block;  width: 140px;
    height: 42px;
    background: url(../img/logo-lizi.png) 0 center no-repeat
        }
    }
    
     .page_title {
                    float: left;
                    padding: 7px 0 0 10px;
                    h2 {
                            font-size: 22px;
                        }
                }
    .hd_r {
                float: right;
                padding-top: 15px
            }
    .page_step {
    float: right;
    width: 474px;
    height: 50px;
    overflow: hidden;
    div {
            display: block;
            background-position: 0 -65px;
            height: 50px;
            overflow: hidden
        }
    }
}
.hd_r{    
   .page_step {  
       background: url(../img/page-step.png) no-repeat;
    div {
    background: url(../img/page-step.png) no-repeat
        }
    }    
}
.order_header{
    .step_1 {
                width: 95px
            }
    .step_2 {
                width: 240px
            }
    .step_3 {
                width: 390px
            }
    .step_4 {
                width: 474px
            }
}
/***********************************************/
#content{
    margin: 20px auto 80px;width:1000px ;
}
.items_tab {
        height: 32px;
        overflow: hidden;
        a {
                float: left;
                display: block;
                width: 116px;
              
              
                padding: 4px 0 10px 20px;
                position: relative;
                line-height: 1.1;
                font-size: 16px;
               
            }
           
     em {
            font-size: 14px;
        }
     .current {
        color: #ff666b;
    }        
}
.items_tab_line {
        height: 2px;
        overflow: hidden;
        position: relative;
        margin: 0 0 10px;
        .floatline {
                position: absolute;
                display: block;
                width: 136px;
                height: 2px;
                background-color: #ff666b;               
                transition: left .3s
            }
    }
/*************************************************************/
.cart_list {
        border: 1px solid #eee;
        background-color: #fff;
        padding: 15px;
        .cart_th {
                    padding: 0 0 12px;height:31px;
                    border-bottom: 1px solid #eee;
                    .td {
                            float: left
                        }
                    .td_chk {
                            width: 125px;
                            em {
                                    margin-left: 10px
                                }
                        }
                    .td_item {
                            width: 220px
                        }
                    .td_info {
                            width: 174px
                        }
                     .td_price {
                            width: 138px
                        }
                        .td_num {
                            width: 102px
                        }
                    .td_sum {
                            width: 142px
                        }
                        .td_op {
                            width: 60px
                        }
                }
}
/***************************************************/
.shop_line {
        margin-top: 15px;height:153px;
    }
.shop_info {
        padding: 5px 0;
        line-height: 20px;
        border-bottom: solid #ff666b 1px;
        span {
                    vertical-align: middle
                }
        .name {
                    margin-left: 5px;
                    display: inline-block
                }
    }
.shop_service {
    margin-left: 5px;
    background: url(../img/shop_service.gif) no-repeat;
    width: 20px;
    height: 20px
}
.checkbox {
    width: 16px;
    height: 0;
    padding-top: 16px;
    background: url(../img/checkbox-ico.png) no-repeat;
    overflow: hidden;
    vertical-align: -3px;;
}
.checkbox, .shop_service {
    display: inline-block;
    cursor: pointer;
}
.ischecked{
    background-position:0 -36px;
}
/****************************************************/
.allShopItems{
    
    .shop_items{
       height:120px; margin-bottom: 20px;border:1px solid #eee;border-top:0;
        .item_body{
            height:120px;border-bottom:0;background:#fafafa ;
           
        }
    }
    
}
.item_content{
    height:120px;
   .td {
        float: left;height: 119px
    }
    .td_chk {
        width: 28px;
        text-align: right;
        padding-right: 12px;
        
        .item_check {
                        padding-top: 25px
                    }
    }
    .td_inner {
                        padding-top: 20px
                    }
    .td_item {
        width: 305px
    }
    .item_pic {
        width: 70px;
        height: 70px;
        border: 1px solid #e0e0e0;
        float: left;
        overflow: hidden;
        background: #f4f4f4;
        position: relative;
        img {
                width: 70px;
                height: 70px;
                vertical-align: top
            }
    }
    .item_info {
        margin: 2px 0 0 85px;
        padding-right: 40px;
        .item_title {
                        line-height: 18px
                    }
    }
    .td_info {
        width: 150px;
        padding-right: 10px
    }
    .item_props {
        padding-top: 22px
    }
    .td_price {
        width: 120px;
        .td_inner {
                        padding-top: 16px
                    }
    }
    .price_bd {
        padding: 8px 0 0 10px;
        line-height: 1;
        p {
                padding: 0 0 8px;
                font-family: arial;
                font-size: 14px;
                
            }
    }
    .price_old {
        color: #9c9c9c;
        text-decoration: line-through;
        font-size: 12px
    }
    .price_now {
                color: #555
                }
    .td_num {
        width: 130px;
        position: relative;
        .td_inner {
                        padding-top: 38px
                    }
        span {
                    float: left;
                    display: block;
                    width: 24px;
                    height: 24px;
                    border: 1px solid #dcdcdc;
                    background-color: #fafafa;
                    text-shadow: 1px 1px 1px #fff;
                    text-align: center;
                    font-size: 20px;
                    cursor: pointer;
                    overflow: hidden;
                    line-height: 20px;
                    color: #555
                }
        input {
                    float: left;
                    width: 36px;
                    height: 22px;
                    padding-bottom: 2px;
                    border:0;
                    border-top: 1px solid #dcdcdc;
                    border-bottom: 1px solid #dcdcdc;
                    text-align: center;
                    color: #666;
                    font-size: 14px
                }
    }
    .td_sum {
        width: 110px;
        .td_inner {
                    padding-top: 42px
                }
        .price_sum {
                        color: #ff666b;
                        font-size: 14px
                    }
    }
    .td_op {
        width: 100px;
        float: right;
        .td_inner {
                        padding-top: 42px;
                        padding-right: 10px;
                        text-align: center;
                        a {
                                color: #666
                            }
                    }
    }
}
/*****************************************************************/
.cart_fd {
        margin-top: -1px
    }
.cart_fd_box {
        background-color: #fff;
        width: 962px;
        height: 54px;
        overflow: hidden;
        border: 1px solid #eee;
        padding: 0 18px;
        position: relative;
        .op {
                    padding-top: 18px;
                    .checkbox {
                                    margin-right: 10px
                                }
                    a {
                            margin-left: 25px
                        }
                }
        .total_count {
                        width: 480px;
                        padding: 7px 170px 0 0;
                        position: relative;
                        height: 47px;
                        text-align: right;
                        em {
                                margin: 0 3px;
                                color: #ff666b;
                                font-size: 14px
                            }
                    }
        .topay {
                    position: absolute;
                    width: 160px;
                    height: 48px;
                    top: 0;
                    right: -18px;
                    background-color: #ddd;
                    color: #fff;
                    text-align: center;
                    display: block;
                    font-size: 24px;
                    padding-top: 8px
                }
        .topay_ok{
            background:#FF666B;
        }
    }














































